{% extends "default.html" %}
{% block title %}Register{% endblock %}
{% block main_content %}
	<form action="" id=registerForm method=post>{% csrf_token %}
		<table class=form>
			<tfoot>
				<tr>
					<td colspan=2><button class=save type=submit><span>Register</span></button></td>
				</tr>
			</tfoot>
			<tr>
				<th><label class=required for="{{ reg_form.new_username.auto_id }}">{{ reg_form.new_username.label }}:</label></th>
				<td>{{ reg_form.new_username }} {{ reg_form.new_username.errors }}</td>
			</tr>
			<tr>
				<th><label class=required for="{{ reg_form.password1.auto_id }}">{{ reg_form.password1.label }}:</label></th>
				<td>
					{{ reg_form.password1 }} {{ reg_form.password1.errors }}
					<label class=help for="{{ reg_form.password1.auto_id }}">Longer is better.</label>
				</td>
			</tr>
			<tr>
				<th><label class=required for="{{ reg_form.password2.auto_id }}">{{ reg_form.password2.label }}:</label></th>
				<td>
					{{ reg_form.password2 }} {{ reg_form.password2.errors }}
					<label class=help for="{{ reg_form.password2.auto_id }}">Just to avoid a typo.</label>
				</td>
			</tr>
			<tr class=separator>
				<th><label class=required for="{{ reg_form.first_name.auto_id }}">{{ reg_form.first_name.label }}:</label></th>
				<td>{{ reg_form.first_name }} {{ reg_form.first_name.errors }}</td>
			</tr>
			<tr>
				<th><label class=required for="{{ reg_form.last_name.auto_id }}">{{ reg_form.last_name.label }}:</label></th>
				<td>{{ reg_form.last_name }} {{ reg_form.last_name.errors }}</td>
			</tr>
			<tr>
				<th><label class=required for="{{ reg_form.email.auto_id }}">{{ reg_form.email.label }}:</label></th>
				<td>
					{{ reg_form.email }} {{ reg_form.email.errors }}
					<label class=help for="{{ reg_form.email.auto_id }}">Please use a valid e-mail address.</label>
				</td>
			</tr>
		</table>
	</form>
{% endblock %}
